<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<div id="welcome-info">欢迎来到心理健康测试中心 !</div>

<div id="shortcuts">
	<ul class="shortcut-buttons-set">
		<li><a class="shortcut-button" href="#" rel="facebox"><span>
					<img src="images/paper_content_pencil_48.png" alt="icon" /><br />学号或姓名查询</span>
		</a>
		</li>

		<li><a class="shortcut-button" href="#" rel="facebox"><span>
					<img src="images/image_add_48.png" alt="icon" /><br />总分查询</span> </a>
		</li>
		<li><a class="shortcut-button" href="#" rel="facebox"><span>
					<img src="images/clock_48.png" alt="icon" /><br />因子分查询</span> </a>
		</li>
		<li><a class="shortcut-button" href="#" rel="facebox"><span>
					<img src="images/pencil_48.png" alt="icon" /><br />阳性项目数查询</span> </a>
		</li>
		<li><a class="shortcut-button" href="#quiz-record-query"
			rel="facebox"><span> <img src="images/comment_48.png"
					alt="icon" /><br />复杂条件查询</span> </a>
		</li>
	</ul>

	<div id="quiz-record-query" style="display:none">
		<form id="quiz-record-query-form" action="/psytest-webapp/user/queryStuTestResultByCriteria" method="post">
			<div class="query-title">考核情况查询</div>
			<div class="filter-criteria">
				<select id="secondaryCollege" name="secondaryCollege"></select> 
				<select id="major" name="major"></select>
				<input id="clazz" name="clazz" type="text" value="请输入班级..." />
				<input id="sno" name="sno" type="text" value="请输入学号..." />
				<input id="name" name="name" type="text" value="请输入姓名..." />
				<select id="gender" name="gender">
					<option value="-1">请选择性别...</option>
					<option value="男">男</option>
					<option value="女">女</option>
				</select>
				<input id="age" name="age" type="text" value="请输入年龄..." />
				<input id="lowest-total-score" name="lowestTotalScore" type="text" value="请输入最低总分..." />
				<input id="lowest-nopi" name="lowestNopi" type="text" value="请输入最低阳性项目数..." />
				<div>
					<select id="factor" name="factor">
						<option value="-1">请选择因子项...</option>
						<option value="qth">躯体化</option>
						<option value="qpzz">强迫症状</option>
						<option value="rjgxmg">人际关系敏感</option>
						<option value="yy">抑郁</option>
						<option value="jl">焦虑</option>
						<option value="dd">敌对</option>
						<option value="kb">恐怖</option>
						<option value="pz">偏执</option>
						<option value="jsbx">精神病性</option>
						<option value="qt">其他</option>
						<option value="ry">任一因子</option>
					</select> 
					<select id="factor-option" name="factorOption">
						<option value="mt">大于</option>
						<option value="lt">小于</option>
						<option value="eq">等于</option>
					</select> 
					<input id="factor-value" name="factorValue" type="text" value="请输入値..." />
				</div>
				<div>
					<select id="question" name="question">
						<option value="-1">请选择任一题...</option>
					</select> 
					<select id="question-option" name="questionOption">
						<option value="mt">大于</option>
						<option value="lt">小于</option>
						<option value="eq">等于</option>
					</select> 
					<input id="question-value" name="questionValue" type="text" value="请输入値..." />
				</div>
				<select id="test-time" name="testTime">
					<option value="-1">请选测试时间...</option>
				</select>
			</div>
			<div class="submitBtn">
				<input id="sBtn" type="button" value="开始查询" />
			</div>
		</form>
	</div>
</div>
<div class="clear"></div>

<div id="content-box">
	<div class="content-box-header">
		<div class="header">查询结果</div>
	</div>
	<div class="content-box-content">
		<table id="query-result-table">
		    <thead>
		      <tr>
		        <th>学号</th>
		        <th>姓名</th>
		        <th>学院</th>
		        <th>专业</th>
		        <th>班级</th>
		        <th>测试详情</th>
		      </tr>
		    </thead>
		    <tfoot></tfoot>
		    <tbody></tbody>
		</table>
		<div id="detail-info" style="display:none; padding: 200px;">
			<div id="detail-info-wrapper">
				<div class="title">测试详情</div>
				<table width="320">
					<tr><td id="ts" width="100">总分：</td><td width="220"></td></tr>
					<tr><td id="tas">总均分：</td><td></td></tr>
					<tr><td id="nopi">阳性项目数：</td><td></td></tr>
					<tr><td id="pi">阳性项目：</td><td><div class="wrap"></div></td></tr>
					<tr><td id="noni">阴性项目数：</td><td></td></tr>
					<tr><td id="ni">阴性项目：</td><td><div class="wrap"></div></td></tr>
					
					<tr><td id="qth">躯体化：</td><td></td></tr>
					<tr><td id="qpzz">强迫症状：</td><td></td></tr>
					<tr><td id="rjgxmg">人际关系敏感：</td><td></td></tr>
					<tr><td id="yy">抑郁：</td><td></td></tr>
					<tr><td id="jl">焦虑：</td><td></td></tr>
					<tr><td id="dd">敌对：</td><td></td></tr>
					<tr><td id="kb">恐怖：</td><td></td></tr>
					<tr><td id="pz">偏执：</td><td></td></tr>
					<tr><td id="jsbx">精神病性：</td><td></td></tr>
					<tr><td id="qt">其他：</td><td></td></tr>
				</table>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">	
	//Attention! Don't Break This Line!
	var privilege = ${privilege};
</script>

<script type="text/javascript">	
	var secondaryCollege = [ '请选择学院...', '商学院','政法学院','文化传播学院','外国语学院','理学院','电子工程学院','化学化工学院','机械与材料工程学院','信息科学与技术学院','土木工程与城市建设学院','生命科学学院','基础医学院','艺术学院','会计学院','旅游学院','体育学院','护理学院','临床医学院','师范学院','继续教育学院','其他学院' ];
   	var major = [ [ '请选择专业...' ],
   			[ '请选择专业...', '工商管理','工商管理MBA方向','国际经济与贸易','金融学','市场营销','报关与国际货运','电子商务','工商管理（连锁经营管理）','工商管理（物流管理及货运代理）','国际金融','国际经济与贸易','国际贸易','国际贸易务实','国际物流与报关','金融保险','金融与证券','经济管理','人力资源管理','物业管理','营销与策划','连锁经营管理','市场营销','营销策划与商务管理','人力资源管理','物流管理','其他专业' ],
   			[ '请选择专业...', '法律','法律文秘','国际经济法','律师与法律服务','师范心理学','政史教育','法学','法律事物','经济法','历史教育','心理咨询','公共事物管理','其他专业' ],
   			[ '请选择专业...', '广告学','汉语言文学教育','广告策划','广告设计与制作','汉语','涉外文秘','文秘','现代文秘','新闻学','语文教育','对外汉语','汉语言文学','广告设计','商务文秘','数字媒体艺术','新闻采编与制作','影视多媒体技术','文化市场经营与管理','其他专业' ],
   			[ '请选择专业...', '日语','商务英语','科技英语','英语教育','英语','经贸英语','旅游英语','商务日语','应用英语','其他专业' ],
   			[ '请选择专业...', '数学与应用数学','应用物理学','数学教育','物理教育','信息与计算科学','计算数学及其应用软件','材料物理','其他专业' ],
   			[ '请选择专业...', '电子信息工程','电子工程及自动化','电子信息工程技术','计算机辅助电子设计','应用电子技术','通信工程','电器自动化技术','光电技术应用','计算机辅助设计','自动化','其他专业' ],
   			[ '请选择专业...', '化学工程与工艺','材料工程技术','高分子化工','工业分析与检验','环境监测与治理技术','技术监督与商检','精细化工','商检技术','应用化工技术','有机化工生产技术','应用化学','材料化学','工业分析与环境监测','化学教育','环境信息工程','精细化学品生产技术','生物化学技术','环境工程','材料工程技术（化工技术方向）','化学制药技术','有机化工生产技术（高分子化工方向）','其他专业' ],
   			[ '请选择专业...', '金属材料工程','焊接工艺及设备','模具设计与制造','车辆工程','机电一体化','计算机辅助设计与制造','交通智能控制技术','交通智能控制技术','数控技术及应用','材料成型与控制工程','焊接技术及自动化','监控技术与仪器','机械设计制造及自动化','计算机辅助机械设计','检测技术及应用','汽车工程','数控技术','材料工程技术','其他专业' ],
   			[ '请选择专业...', '教育技术学','信息管理与信息系统','计算机应用','计算机软件','计算机网络','计算机信息管理','软件技术','数据库管理员','图形图像技术','网络系统管理','现在教育技术','信息网络安全监察','计算机科学与技术','WEB应用程序设计','计算机通信','计算机应用技术','可视化程序设计','数据库管理','图形/图像设计','网络系统管理员','信息管理与信息系统','计算机应用技术（动漫设计）','其他专业' ],
   			[ '请选择专业...', '土木工程','城市规划','工程造价','建筑工程管理','城镇规划','室内设计技术','建筑工程技术','工程监理','工程造价','园林工程技术','房地产经营与估价','其他专业' ],
   			[ '请选择专业...', '生物科学','生物技术','园林','地理教育','生物技术及应用','生物制药技术','其他专业' ],
   			[ '请选择专业...', '临床医学','临床医学（国家定向）','临床医学（麻醉学方向）','药学','医学检验','药物制剂','临床医学','药学','药品经营与管理','卫生信息管理','临床医学（全科医学方向）','医学检验技术','口腔医学','其他专业' ],
   			[ '请选择专业...', '音乐表演','音乐教育','舞蹈学','艺术设计','美术学','绘画','电脑艺术设计','音乐教育','环境艺术设计','其他专业' ],
   			[ '请选择专业...', '会计学','财务管理','会计（注册会计师方向）','会计电算化','税务','资产评估与管理','财务管理(中英合作办学）','其他专业' ],
   			[ '请选择专业...', '旅游管理 ','资源环境与城乡规划管理','涉外旅游','航空服务','导游','酒店管理','旅游英语','其他专业' ],
   			[ '请选择专业...', '体育教育','社会体育','其他专业' ],
   			[ '请选择专业...', '护理学','护理学（涉外护理）','护理','助产','其他专业' ],
   			[ '请选择专业...', '临床医学','临床医学（国家定向）','临床医学（麻醉学方向）','药学','医学检验','药物制剂','临床医学','药学','药品经营与管理','卫生信息管理','临床医学（全科医学方向）','医学检验技术','口腔医学','其他专业' ],
   			[ '请选择专业...','其他专业' ],
   			[ '请选择专业...','其他专业' ],
   			[ '请选择专业...','其他专业' ] ];
   	
   	var $body = $('body');
   	var scSelectNode = $('#secondaryCollege');
   	var majorSelectNode = $('#major');
   	
   	if (privilege == 0) {
   		scSelectNode.empty();
   		addScOptionsToSelectNode(scSelectNode, secondaryCollege);
   		majorSelectNode.empty();
   		addMajorOptionsToSelectNode(majorSelectNode, major[0]);
   	} else {
   		scSelectNode.empty();
   		addScOptionsToSelectNode(scSelectNode, [ secondaryCollege[privilege] ], privilege);
   		majorSelectNode.empty();
   		addMajorOptionsToSelectNode(majorSelectNode, major[privilege]);
   	}

 	var questionNode = $('#question');
 	for(var i=1; i<=90; i++) {
 		if(i<10) {
 			var questionOption = "<option value='" + i + "'>第0" + i + "题</option>";
 		} else {
 			var questionOption = "<option value='" + i + "'>第" + i + "题</option>";
 		}
 		questionNode.append(questionOption);
 	}
   	
 	var testTimeNode = $('#test-time');
 	$.ajax({
		url : "/psytest-webapp/quizRecord/quizzesTime",
		success : function(msg) {
			if(msg == 'no_record') {
				return;
			}
			if(msg.indexOf(',') == -1) {
				testTimeNode.append("<option value='" + msg + "'>" + msg + "</option>");
			} else {
				var testTime = msg.split(',');
				for(var i=0; i<testTime.length; i++) {
					testTimeNode.append("<option value='" + testTime[i] + "'>" + testTime[i] + "</option>");
				}
			}
		}
	});
 	
   	function addScOptionsToSelectNode(node, options, privilege) {
   		for ( var i = 0; i < options.length; i++) {
   			if (i == 0) {
   				if(/请选择/.test(options[i])) {
	   				node.append("<option value='-1'>" + options[i] + "</option>");
   				} else {
   					node.append("<option value='" + privilege + "'>" + options[i] + "</option>");
   				}
   			} else {
   				node.append("<option value='" + i + "'>" + options[i]
   						+ "</option>");
   			}
   		}
   	}
	function addMajorOptionsToSelectNode(node, options) {
   		for ( var i = 0; i < options.length; i++) {
   			if (i == 0 && /请选择/.test(options[i])) {
   				node.append("<option value='-1'>" + options[i] + "</option>");
   			} else {
   				node.append("<option value='" + options[i] + "'>" + options[i]
   						+ "</option>");
   			}
   		}
   	}
   	
   	$body.data('major', major);
   	$body.data('addMajorOptionsToSelectNode', addMajorOptionsToSelectNode);
   	
   	$('div.filter-criteria input').each(function() {
 		var $this = $(this);
 		$body.data($this.attr('id'), $this.val());
 	});
 	
  	$('a[rel=facebox]').facebox({
  		loadingImage : 'images/facebox/loading.gif',
  		closeImage : 'images/facebox/closelabel.png'
  	});

</script>